<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI远端护理康养指导系统 - 医护端</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>医护端 - AI远端护理康养指导系统</h1>
            <button id="logoutBtn">退出登录</button>
        </header>
        
        <div class="menu">
            <button id="planSimulationBtn" class="active">方案模拟</button>
            <button id="dataAnalysisBtn">数据分析</button>
            <button id="pendingCallsBtn">待处理呼叫</button>
        </div>
        
        <div class="content">
            <div id="planSimulationSection" class="section">
                <form id="planForm">
                    <h3>患者基本信息</h3>
                    <div class="form-row">
                        <div class="form-group">
                            <label for="patientName">患者姓名</label>
                            <input type="text" id="patientName">
                        </div>
                        <div class="form-group">
                            <label for="patientAge">年龄</label>
                            <input type="number" id="patientAge" min="0" max="120">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group">
                            <label for="patientHeight">身高 (cm)</label>
                            <input type="number" id="patientHeight" min="50" max="220">
                        </div>
                        <div class="form-group">
                            <label for="patientWeight">体重 (kg)</label>
                            <input type="number" id="patientWeight" min="10" max="200">
                        </div>
                    </div>
                    
                    <h3>健康评估指标</h3>
                    <div class="form-row">
                        <div class="form-group">
                            <label for="mobility">活动能力 (0-10)</label>
                            <input type="number" id="mobility" min="0" max="10">
                        </div>
                        <div class="form-group">
                            <label for="nutrition">营养状况 (0-10)</label>
                            <input type="number" id="nutrition" min="0" max="10">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group">
                            <label for="moisture">湿润程度 (0-10)</label>
                            <input type="number" id="moisture" min="0" max="10">
                        </div>
                        <div class="form-group">
                            <label for="vision">视力 (0-10)</label>
                            <input type="number" id="vision" min="0" max="10">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group">
                            <label for="balance">平衡能力 (0-10)</label>
                            <input type="number" id="balance" min="0" max="10">
                        </div>
                    </div>
                    
                    <h3>护理方案</h3>
                    <div class="form-group">
                        <label for="carePlan">护理方案描述</label>
                        <textarea id="carePlan" rows="4"></textarea>
                    </div>
                    
                    <button type="submit">评估方案</button>
                </form>
                
                <div id="evaluationResult" class="result hidden">
                    <h3>评估结果</h3>
                    <div class="result-items"></div>
                </div>
            </div>
            
            <div id="dataAnalysisSection" class="section hidden">
                <div class="analysis-container">
                    <button id="loadDataBtn">加载患者数据</button>
                    <div id="dataChart" class="chart"></div>
                    <div id="analysisSummary" class="summary"></div>
                </div>
            </div>
            
            <div id="pendingCallsSection" class="section hidden">
                <div class="calls-container">
                    <h3>待处理呼叫</h3>
                    <div id="callsList" class="calls-list"></div>
                </div>
            </div>
        </div>
    </div>
    <script src="doctor.js"></script>
</body>
</html>
